@import url("https://use.typekit.net/dzd5swq.css");
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

.category-page body, .product-page body {
    background: #F2EEE1 !important;
}

:root {
    --primary: #004388;
    --primary-light: rgb(242, 238, 225);
}

*:not(i):not(.p-icon) {
    font-family: Inter !important;
}

body.customize-page, body {
    background: rgb(255,254,248);
}

.footer {
    background-color: var(--primary);
    padding: 10px 0 !important;
    height: 40px !important;
    
}

.footer * {
    color:#FFFEF8;
}

.footer a:hover {
    color:var(--primary-light);
}

/* login side */
div#ctl00_loginModal {
    position: absolute;
    left: 75%;
    top: 46%;
    transform: translate(-50%, -50%);
}


body.login-page {
    background-position: center -122px !important;
    background-color: #def0f4;
    object-fit: cover;
}

.login-page .panel.panel-login {
    background: var(--primary);
    backdrop-filter: blur(4px);
    max-width: 320px;
    border-radius: 15px;
}

.login-page .panel-login .nav {
    border-radius: 15px 15px 0 0;
    background:transparent;
}

.login-page #tab_login {
    background: #f3f3f3;
    text-transform:uppercase;
    font-weight:700;
    font-size:20px;
    line-height: 1;
    padding: 10px 10px 8px;
    line-height: 1;
}

.login-page small,
.login-page small a {
    color:white !important;
}

.login-page small a {
    font-weight:700;
}

.login-page label[for=ctl00_CB_RMe] {
    color:white;
}

.login-page #ctl00_LB_Login {
    background:white;
    border-color:white;
    color:black;
    font-weight:900;
    text-transform:uppercase;
    font-size:11px;
}


.login-page .form-control:focus {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(224, 233, 102, 0.6);
}

.form-group h4 {
    color: #ffffff;
}

.navbar.navbar-default.navbar-fixed-top {
    padding: 5px 0 !important;
    border:0px;
    background-color: #f3f3f3;
}

.navbar .navbar-nav > li > a.navbar-nav-cart {
    background-color: var(--primary) !important;
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 5px;
}

.navbar .navbar-nav > li > a.navbar-nav-cart:hover {
    background-color: var(--primary-light) !important;
}



.section.section-breadcrumbs a
{
    color: var(--primary);
}

li#auth a,
#li_profile a,
#li_ma a,
#navbarSearchShow
{
color: #000000;
}

#ctl00_LB_CartClear
{
color: #000000;
}

li#auth a:hover,
#navbarSearchShow:hover,
#li_profile a:hover,
.section.section-breadcrumbs a:hover,
#ctl00_LB_CartClear:hover {
    color: var(--primary);
}

.btn.btn-primary.btn-checkout,
.btn.btn-primary {
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn.btn-primary.btn-checkout:hover,
.btn.btn-primary:hover {
    background-color: var(--primary);
    border-color: var(--primary-light);
}

.section.section-breadcrumbs a.active {
    font-weight: 700;
}

/* Catergory styling */

.jumbotron-inner{
    background-color: var(--primary);;
    background-image: none;
}

.category-page .panel-product-heading {
    color:var(--primary);
}

/* .category-page .panel-product-heading:hover {
    color:var(--primary-light);
} */

/* Catergory styling ends */


.section-products {
    background-color: #def0f4;
}


/* Product page styling */
.product-page .panel-heading.d-flex.align-items-center.justify-content-between {
    border-radius: 5px;
    border-bottom: 0px;
    border: 1px solid #ddd;
}

.product-page select#ctl00_MC_PH_DDL_WSCatSort {
    border-radius: 20px;
    border: 0;
    box-shadow: none;
}

.product-page .panel.panel-default.webshop {
    border-radius: 5px;
}

.panel-default>.panel-heading {
    background-color: var(--primary);
    color: #f5f5f5;
}

.product-page .webshop-product>* {
    border-bottom: 0;
}

.product-page .webshop-products>div {
    display: block;
    border-bottom: 0px;
    border: 1px solid #ddd;
    margin-top: 10px;
    border-radius: 5px;
    background-color: rgb(242, 238, 225);
}

.product-page .panel {
    border: 0px;
}

.product-page .dropdown .btn.btn-link {
    color: var(--primary);
    transform: scale(1.4);
}

.product-page .btn.btn-primary.btn-webshop-add {
    border-radius: 0 5px 5px 0;
    padding: 6px 12px;
}

.product-page .input-group .riTextBox.riEnabled.form-control {
    border-radius: 5px 0 0 5px;
}

.product-page .webshop-product-image img:hover {
    -moz-transform: scale(2);
    -o-transform: scale(2);
    -ms-transform: scale(2);
    -webkit-transform: scale(2);
    transform: scale(2);
}

.product-page .webshop-product {
    transition: .3s ease-in-out;
}

.product-page .webshop-product:hover {
    background: #def0f4;
}

.product-page .btn.btn-primary.btn-webshop-add {
    background-color: var(--primary);
    border-color: var(--primary);
}

.product-page .btn.btn-primary.btn-webshop-add:hover {
    background-color: var(--primary-light);
    border-color: var(--primary-light);
}

.product-page .webshop-product-title,
.product-page .webshop-product-details > a {
    color: var(--primary);
}

.product-page .webshop-product-title:hover,
.product-page .webshop-product-details > a:hover {
    color: var(--primary);
}

/* Product page styling slut */

/* Account page styling */

.profile-page .nav.nav-pills.nav-stacked li:not(.active) a {
    color: var(--primary);
}

.profile-page .nav.nav-pills.nav-stacked li.active a {
    background-color: var(--primary);
}

/* Account page styling slut */

/* Checkout styling */

.checkout-page .cart-title span {
    color:var(--primary);
}

.checkout-page-content .panel-title {
    color: #f5f5f5;
}


/* Checkout styling slut*/

/* Medie Arkiv styling */

.media-page .RadTreeView_Bootstrap .rtSelected .rtIn {
    border-color: var(--primary);
    background-color: var(--primary);
}

.media-page input[type=checkbox] {
    filter: hue-rotate(195deg) brightness(0.9);
}

.media-page a {
    color: var(--primary);
}

.media-page a:hover {
    color: var(--primary-light);
}

.media-page #mediadesc {
    background: var(--primary);
}

/* Medie Arkiv styling slut */